<template>
  <div class="flexible">
    <div class="banner">
      <div class="panelBox bannerHeader">
        <div class="t1">灵活用工</div>
        <div class="t2 fontFamilyMedium">帮助雇主从“标准雇佣关系”进入灵活多样的用工模式</div>
      </div>
      <div class="panelBox bannerBottom">
        <div class="bannerBottomItem">
          <div class="bannerItemLeft">
            <img src="@/assets/flexible/icon1.png" alt="">
          </div>
          <div class="bannerItemRight">
            <div class="rightT1 fontFamilyBold">成本优势</div>
            <div class="rightT2">税源地丰富,提供更优报价</div>
          </div>
        </div>
        <div class="split"></div>
        <div class="bannerBottomItem">
          <div class="bannerItemLeft">
            <img src="@/assets/flexible/icon2.png" alt="">
          </div>
          <div class="bannerItemRight">
            <div class="rightT1 fontFamilyBold">通道稳定</div>
            <div class="rightT2">按时按量开出发票，告别频繁寻找服务商</div>
          </div>
        </div>
        <div class="split"></div>
        <div class="bannerBottomItem">
          <div class="bannerItemLeft">
            <img src="@/assets/flexible/icon3.png" alt="">
          </div>
          <div class="bannerItemRight">
            <div class="rightT1 fontFamilyBold">资金安全</div>
            <div class="rightT2">资金银行监管链路可视，T+0付款</div>
          </div>
        </div>
        <div class="split"></div>
        <div class="bannerBottomItem">
          <div class="bannerItemLeft">
            <img src="@/assets/flexible/icon4.png" alt="">
          </div>
          <div class="bannerItemRight">
            <div class="rightT1 fontFamilyBold">方案全面</div>
            <div class="rightT2">随需选择开票地开票类型,满足企业要求</div>
          </div>
        </div>
      </div>
    </div>
    <h1 class="h1 fontFamilyMedium">灵工概述</h1>
    <div class="overview panelBox">
      <div class="overviewLeft">
        <div class="overviewBox">
          <div class="overviewItem">
            <div>
              <img src="@/assets/flexible/overviewIcon1.png" alt="">
            </div>
            <span>劳动配置灵活</span>
          </div>
          <div class="overviewItem">
            <div>
              <img src="@/assets/flexible/overviewIcon2.png" alt="">
            </div>
            <span>降低用工成本</span>
          </div>
        </div>
        <div class="overviewBox">
          <div class="overviewItem">
            <div>
              <img src="@/assets/flexible/overviewIcon3.png" alt="">
            </div>
            <span>薪酬佣金代发</span>
          </div>
          <div class="overviewItem">
            <div>
              <img src="@/assets/flexible/overviewIcon4.png" alt="">
            </div>
            <span>减轻社保负担</span>
          </div>
        </div>
      </div>
      <div class="overviewRight">
        <div>灵活用工是企业在外部用工时，企业与个人不建立标准劳动关系/劳务关系，双方通过灵活用工平台建立平等的业务承揽合作关系。灵活用工是基于企业的实际需要，为企业提供弹性用工模式，满足企业快速变化的用工需求。</div>
        <div>指月平台致力于建立共享经济新业态，打造用工企业与劳动者之间的桥梁，合规优化企业人力、财务和税务，为企业降本增效。</div>
      </div>
    </div>
    <h1 class="h2 fontFamilyMedium">灵工原理</h1>
    <div class="principle panelBox">
      <img src="@/assets/flexible/principle.png" alt="">
    </div>
    <h1 class="h2 fontFamilyMedium">灵工优势</h1>
    <div class="advantage panelBox">
      <div class="advantageBox">
        <div class="advantageTitle">传统结算方式</div>
        <div class="advantageItem">
          <div class="advantageItemTitle fontFamilyMedium">01 合规风险高</div>
          <div class="advantageItemContent">支出不入账、入账不报税，违规操作，购买发票面临严重处罚</div>
        </div>
        <div class="advantageItem">
          <div class="advantageItemTitle fontFamilyMedium">02 税负高</div>
          <div class="advantageItemContent">企业无成本票，税负高，劳务费个税20%-40%，个人不承担，转嫁企业，企业成本高</div>
        </div>
        <div class="advantageItem">
          <div class="advantageItemTitle fontFamilyMedium">03 财务管理成本高</div>
          <div class="advantageItemContent">个体量大分散，票据管理工作巨大，容易出错</div>
        </div>
        <div class="advantageItem">
          <div class="advantageItemTitle fontFamilyMedium">04 发放风险大</div>
          <div class="advantageItemContent">企业账户大量公对私发放，引起银行账户被风控冻结风险</div>
        </div>
      </div>
      <div class="advantageBox">
        <div class="advantageTitle">灵工结算方式</div>
        <div class="advantageItem">
          <div class="advantageItemTitle fontFamilyMedium">01 安全合规</div>
          <div class="advantageItemContent">企业与平台公对公，资金走向清晰，提供正规发票，账税合规</div>
        </div>
        <div class="advantageItem">
          <div class="advantageItemTitle fontFamilyMedium">02 税负低</div>
          <div class="advantageItemContent">企业获取6%增值税专票，税负降低;个税享税收优惠政策核定征收，税率0%-1%，企业成本降低</div>
        </div>
        <div class="advantageItem">
          <div class="advantageItemTitle fontFamilyMedium">03 财务管理成本低</div>
          <div class="advantageItemContent">企业对接平台，平台对接个体，简单高效</div>
        </div>
        <div class="advantageItem">
          <div class="advantageItemTitle fontFamilyMedium">04 发薪完税一体化</div>
          <div class="advantageItemContent">平台对个人发薪完税一体化操作，提供完税证明，安全发放无风险</div>
        </div>
      </div>
    </div>
    <div class="bg">
      <div class="commonTitle">
        <div class="commonTitle1 fontFamilyMedium">灵工用途</div>
        <div class="commonTitle2">社保-缴纳压力大/劳务-个税负担重，支出无发票</div>
      </div>
      <div class="purpose panelBox">
        <div class="purposeBox">
          <div class="purposeInfo fontFamilyMedium">佣金结算</div>
          <div class="purposeInfo fontFamilyMedium">费用代发</div>
          <div class="purposeInfo fontFamilyMedium">工资代发</div>
          <div class="purposeInfo fontFamilyMedium">个税申报</div>
          <div class="purposeInfo fontFamilyMedium">获取发票</div>
        </div>
        <div class="purposeBox">
          <div class="purposeInfo fontFamilyMedium">弹性用工</div>
          <div class="purposeInfo fontFamilyMedium">临时用工</div>
          <div class="purposeInfo fontFamilyMedium">兼职用工</div>
          <div class="purposeInfo fontFamilyMedium">劳务用工</div>
          <div class="purposeInfo fontFamilyMedium">合规用工</div>
        </div>
      </div>
      <div class="commonTitle">
        <div class="commonTitle1 fontFamilyMedium">适用场景</div>
        <div class="commonTitle2">人工成本大的企业/无票支出多的行业/大量兼职用工行业/需要薪酬代发的行业</div>
      </div>
      <div class="scene panelBox">
        <div class="sceneBox">
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon1.png" alt="">
            <span>生产制造行业</span>
          </div>

          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon16.png" alt="">
            <span>教育培训行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon17.png" alt="">
            <span>互联网科技行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon4.png" alt="">
            <span>餐饮服务行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon5.png" alt="">
            <span>商贸流通行业</span>
          </div>
        </div>
        <div class="sceneBox">
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon6.png" alt="">
            <span>社交电商行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon7.png" alt="">
            <span>共享出行行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon8.png" alt="">
            <span>配送服务行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon9.png" alt="">
            <span>生活服务行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon18.png" alt="">
            <span>文化娱乐行业</span>
          </div>
        </div>
        <div class="sceneBox">
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon11.png" alt="">
            <span>营销推广行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon12.png" alt="">
            <span>销售服务行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon13.png" alt="">
            <span>广告传媒行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon14.png" alt="">
            <span>高新技术行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon15.png" alt="">
            <span>软件硬件行业</span>
          </div>
        </div>
        <div class="sceneBox">
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon19.png" alt="">
            <span>设计咨询行业</span>
          </div>
          <div class="sceneItem">
            <img src="@/assets/flexible/sceneIcon20.png" alt="">
            <span>自媒体行业</span>
          </div>
          <div class="sceneItem">
<!--            <img src="@/assets/flexible/sceneIcon2.png" alt="">-->
<!--            <span>建筑工程行业</span>-->
          </div>
          <div class="sceneItem">
<!--            <img src="@/assets/flexible/sceneIcon3.png" alt="">-->
<!--            <span>医药医疗行业</span>-->
          </div>
          <div class="sceneItem">
<!--            <img src="@/assets/flexible/sceneIcon10.png" alt="">-->
<!--            <span>网红直播行业</span>-->
          </div>
        </div>
      </div>
      <div class="commonTitle">
        <div class="commonTitle1 fontFamilyMedium">发票类别</div>
        <div class="commonTitle2">300+种开票内容，可开增值税专票/普票</div>
      </div>
      <div class="invoiceList panelBox">
        <div class="invoiceInfo" v-for="item in invoiceList">{{item}}</div>
      </div>
      <div class="panelBox risk">
        <div class="riskTitle fontFamilyMedium">风控体系</div>
        <div class="riskBox">
          <div class="riskItem">
            <div>
              <img src="@/assets/flexible/riskIcon1.png" alt="">
            </div>
            <div class="riskContent">
              <div class="riskT1 fontFamilyMedium">资金安全</div>
              <div class="riskT2">资金银行托管，链路可视，薪酬发放按企业指令进行，T+0付款</div>
            </div>
          </div>
          <div class="riskItem">
            <div>
              <img src="@/assets/flexible/riskIcon2.png" alt="">
            </div>
            <div class="riskContent">
              <div class="riskT1 fontFamilyMedium">税局认证</div>
              <div class="riskT2">依据当地政策，税局颁发《委托代征证书》，确保平台合法性</div>
            </div>
          </div>
        </div>
        <div class="riskBox">
          <div class="riskItem">
            <div>
              <img src="@/assets/flexible/riskIcon3.png" alt="">
            </div>
            <div class="riskContent">
              <div class="riskT1 fontFamilyMedium">合法合规</div>
              <div class="riskT2">资质齐全，全证据链采集。业务真实合同真实、资金真实、发票真实</div>
            </div>
          </div>
          <div class="riskItem">
            <div>
              <img src="@/assets/flexible/riskIcon4.png" alt="">
            </div>
            <div class="riskContent">
              <div class="riskT1 fontFamilyMedium">资源稳定</div>
              <div class="riskT2">税源地资源丰富，政府合作长期稳定保障企业自主切换</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <h1 class="h2 fontFamilyMedium">服务流程</h1>
    <div class="panelBox process">
      <img src="@/assets/flexible/process.png" alt="">
    </div>
  </div>
</template>

<script>
	export default {
		name: "flexible",
		data() {
			return {
				invoiceList: [
					'人力资源服务',
					'企业管理服务',
					'现代服务',
					'生活服务',
					'设计服务',
					'信息技术服务',
					'研发和技术服务',
					'其他咨询服务',
					'广告代理服务',
					'经纪代理服务',
					'会展服务',
					'税务咨询服务',
					'物流辅助服务',
					'代理记账服务',
					'文化服务',
					'其它类别服务',
					'',
					'',
				],
			};
		},
		computed: {},
		methods: {},
		watch: {},
		mounted() {
		},
		created() {
		}
	}
</script>

<style scoped lang="less" src="@/style/flexible/index.less">

</style>
